import React from 'react';
import { type SvgIconProps } from '@mui/material/SvgIcon';
import AppSvgIcon from 'components/shared/icons/AppSvgIcon';

const StaleIcon: React.FC<SvgIconProps> = ({ sx, ...props }) => (
  <AppSvgIcon sx={sx} viewBox='0 0 16 16' {...props}>
    <svg
      width='16'
      height='16'
      viewBox='0 0 16 16'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M2.42578 12.0254V11.6574C3.94328 14.2339 6.97652 15.6077 9.97758 14.7735C13.6289 13.7585 15.7462 9.88832 14.7875 6.17668C13.8288 2.46505 10.1299 0.211596 6.47853 1.22655C5.94642 1.37446 5.62702 1.92785 5.76514 2.46259C5.90326 2.99732 6.44658 3.31091 6.97869 3.163C9.50853 2.45978 12.163 4.01167 12.8606 6.71231C13.5581 9.41296 12.0073 12.1338 9.47741 12.837C7.18792 13.4734 4.79632 12.2629 3.84554 10.0254H4.42578C4.97807 10.0254 5.42578 9.57764 5.42578 9.02535C5.42578 8.47307 4.97807 8.02535 4.42578 8.02535L1.42578 8.02535C0.873497 8.02535 0.425781 8.47307 0.425781 9.02535V12.0254C0.425781 12.5776 0.873496 13.0254 1.42578 13.0254C1.97807 13.0254 2.42578 12.5776 2.42578 12.0254ZM9.00042 5.60002C9.00042 5.04773 8.55271 4.60002 8.00042 4.60002C7.44814 4.60002 7.00042 5.04773 7.00042 5.60002V8.60002C7.00042 9.1523 7.44814 9.60002 8.00042 9.60002H10.0004C10.5527 9.60002 11.0004 9.1523 11.0004 8.60002C11.0004 8.04773 10.5527 7.60002 10.0004 7.60002H9.00042V5.60002Z'
        fill='#FFAA00'
      />
    </svg>
  </AppSvgIcon>
);

export default StaleIcon;
